﻿@{
    ViewBag.Title = "账户信息管理";
    Layout = "~/Views/Shared/_LayoutDigital.cshtml";
}

<link href="../DigitalStyle/css/morris.css" rel="stylesheet">

<div class="pageheader">
    <h2><i class="fa fa-user"></i> 企业信誉 <span>企业中心</span></h2>
    <div class="breadcrumb-wrapper">
        <span class="label">你的位置:</span>
        <ol class="breadcrumb">
            <li><a href="">企业中心</a></li>
            <li class="active">信誉机制</li>
        </ol>
    </div>
</div>


<div class="contentpanel">
    <div class="row">


        <div class="panel panel-default">
            <div class="panel-body">
                企业信誉度
            </div><!-- panel-body -->
            <div class="panel-footer">
                <div class="panel-body panel-body-nopadding">



                    <div class="row">
                        <div class="col-md-3 text-center">
                            <img height="200px" width="200px" src=""><br>
                            <h4>朗讯科技</h4><br>
                            <div class="mb10"></div>
                            <a class="btn btn-info ">邀请</a>
                            <a class="btn btn-success">发起讨论</a>

                        </div>

                        <div class="col-md-9" style="border-left:1px solid rgb(204,204,204)">




                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h2 class="panel-title ">企业信誉组成 </h2>
                                    <p>企业信誉由 、、、、组成，为了尽可能规避项目合作开发中可能存在的风险，请尽可能完善相关信息，系统评分将会成为客户评估合作伙伴的重要参考：</p>
                                </div><!-- panel-heading -->
                                <div class="panel-body">


                                    <div class="row">
                                        <div class="col-md-12 mb30">
                                            <div id="piechart" style="width: 100%; height: 300px"></div>
                                        </div><!-- col-md-6 -->
                                        <div class="mb30"></div>
                                        <div class="col-md-12 mb30">

                                            <div class="panel panel-dark panel-alt">
                                                <div class="panel-heading">

                                                    <h5 class="panel-title">子项完成进度</h5>
                                                </div><!-- panel-heading -->
                                                <div class="panel-body panel-table">
                                                    <div class="table-responsive">
                                                        <table class="table">
                                                            <thead>
                                                                <tr class="table-head-alt">
                                                                    <th>项目</th>
                                                                    <th>数量</th>
                                                                    <th>进度</th>
                                                                    <th>操作</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                <tr>
                                                                    <td><a href="">工商注册认证</a></td>
                                                                    <td>1</td>
                                                                    <td>
                                                                        <div class="progress">
                                                                            <div style="width: 20%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="20" role="progressbar" class="progress-bar progress-bar-danger">
                                                                                <span>20% 已完成</span>
                                                                            </div>
                                                                        </div>


                                                                    </td>
                                                                    <td>
                                                                        <a class="btn btn-primary"><i class="glyphicon glyphicon-pencil mr5"></i> 完善</a>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td><a href="">实景照片</a></td>
                                                                    <td>3</td>
                                                                    <td>
                                                                        <span class="fa fa-times"></span>
                                                                    </td>
                                                                    <td>
                                                                        <a class="btn btn-primary"><i class="glyphicon glyphicon-pencil mr5"></i> 上传</a>

                                                                    </td>

                                                                </tr>
                                                                <tr>
                                                                    <td><a href="">实景视频</a></td>
                                                                    <td>15</td>
                                                                    <td>
                                                                        <span class="fa fa-times"></span>
                                                                    </td>
                                                                    <td>
                                                                        <a class="btn btn-primary"><i class="glyphicon glyphicon-pencil mr5"></i> 上传</a>

                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td><a href="">交期保证</a></td>
                                                                    <td>9</td>
                                                                    <td>
                                                                        <div class="progress">
                                                                            <div style="width: 20%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="20" role="progressbar" class="progress-bar progress-bar-success">
                                                                                <span class="sr-only">20% Complete (success)</span>
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <a class="btn btn-primary"><i class="glyphicon glyphicon-pencil mr5"></i> 认证</a>

                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td><a href="">授权人认证</a></td>
                                                                    <td>2</td>
                                                                    <td>
                                                                        <span class="fa fa-times"></span>
                                                                    </td>
                                                                    <td>
                                                                        <a class="btn btn-primary"><i class="glyphicon glyphicon-pencil mr5"></i> 完善</a>

                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td><a href="">保证金</a></td>
                                                                    <td>2</td>
                                                                    <td>
                                                                        <span class="fa fa-check"></span>
                                                                    </td>
                                                                    <td>
                                                                        <a class="btn btn-primary"><i class="glyphicon glyphicon-pencil mr5"></i> 完善</a>

                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div><!-- table-responsive -->
                                                </div><!-- panel-body -->
                                            </div><!-- panel -->

                                        </div>



                                    </div>


                                </div><!-- panel-body -->
                            </div>





                        </div>
                    </div>





                </div>


            </div>
        </div>

    </div>


    <div>
    </div>


    <script src="../DigitalStyle/js/jquery-1.10.2.min.js"></script>
    <script src="../DigitalStyle/js/jquery-migrate-1.2.1.min.js"></script>
    <script src="../DigitalStyle/js/bootstrap.min.js"></script>
    <script src="../DigitalStyle/js/modernizr.min.js"></script>
    <script src="../DigitalStyle/js/jquery.sparkline.min.js"></script>
    <script src="../DigitalStyle/js/toggles.min.js"></script>
    <script src="../DigitalStyle/js/retina.min.js"></script>
    <script src="../DigitalStyle/js/jquery.cookies.js"></script>

    <script src="../DigitalStyle/js/flot/flot.min.js"></script>
    <script src="../DigitalStyle/js/flot/flot.resize.min.js"></script>
    <script src="../DigitalStyle/js/flot/flot.symbol.min.js"></script>
    <script src="../DigitalStyle/js/flot/flot.crosshair.min.js"></script>
    <script src="../DigitalStyle/js/flot/flot.categories.min.js"></script>
    <script src="../DigitalStyle/js/flot/flot.pie.min.js"></script>
    <script src="../DigitalStyle/js/morris.min.js"></script>
    <script src="../DigitalStyle/js/raphael-2.1.0.min.js"></script>

    <script src="../DigitalStyle/js/custom.js"></script>

    <script>
        jQuery(document).ready(function () {

            function showTooltip(x, y, contents) {
                jQuery('<div id="tooltip" class="tooltipflot">' + contents + '</div>').css({
                    position: 'absolute',
                    display: 'none',
                    top: y + 5,
                    left: x + 5
                }).appendTo("body").fadeIn(200);
            }

            /***** PIE CHART *****/

            var piedata = [
                { label: "工商注册认证", data: [[1, 10]], color: '#D9534F' },
                { label: "实地认证照片", data: [[1, 30]], color: '#1CAF9A' },
                { label: "实地认证视频", data: [[1, 90]], color: '#F0AD4E' },
                { label: "保证金", data: [[1, 40]], color: '#428BCA' },
                { label: "交期保障", data: [[1, 40]], color: '#421BCA' },
                { label: "授权人认证", data: [[1, 80]], color: '#5BC0DE' }
            ];

            jQuery.plot('#piechart', piedata, {
                series: {
                    pie: {
                        show: true,
                        radius: 1,
                        label: {
                            show: true,
                            radius: 2 / 3,
                            formatter: labelFormatter,
                            threshold: 0.1
                        }
                    }
                },
                grid: {
                    hoverable: true,
                    clickable: true
                }
            });

            function labelFormatter(label, series) {
                return "<div style='font-size:8pt; text-align:center; padding:2px; color:white;'>" + label + "<br/>" + Math.round(series.percent) + "%</div>";
            }


        });


    </script>


